<template>
    <div class="sm-cs-topTable">
        <el-table
        ref="receiveTable"
        size="mini"
        :data="resData"
        style="width: 100%"
        height="190"
        highlight-current-row
        >
        <el-table-column type="selection" width="40"> </el-table-column>
        <el-table-column type="index" label="序号" width="50" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="barcode" label="条码"  :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="productCode" label="机型" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="productName" label="机型名称" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="itemType" label="物料类型" :show-overflow-tooltip="true" > </el-table-column>
        <el-table-column prop="itemCode" label="零件图号" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="qualityCode" label="质量编号" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="fproductType" label="成品型号" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="fproductPieceNo" label="成品件号" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="qty" label="数量" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="unit" label="制造单位" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="sender" label="移交人" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="sendTime" label="移交时间" :show-overflow-tooltip="true"> </el-table-column>
        <el-table-column prop="remark" label="备注" :show-overflow-tooltip="true"> </el-table-column>
      </el-table>
        <!-- 分页 -->
        <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="pageNumber"
            :page-sizes="[1,10,20,50,100]"
            :page-size="pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="totalCount">
        </el-pagination>
    </div>
</template>
<script>
import { mrMhAll } from "@/utils/api.js";
export default {
    name:"SmCsTopTable",
    data(){
        return{
             // 当前页数
            pageNumber: 1,
            // 数据总个数
            totalCount: 0,
            // 返回的数据数组
            resData: [],
            // 每页数据个数
            pageSize: 20,
            // 确认列表高亮参数
            stableIndex: 0,
        }
    },
    methods:{
         // 分页---每页条数
        handleSizeChange(val){
            this.pageSize = val
        },
        // 分页---页数
        handleCurrentChange(val) {
            this.pageNumber = val;
        },
    },
    mounted() {
       
  }
}
</script>
<style scoped>
.sm-cs-topTable {
    text-align: center;
}
</style>